﻿@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

}


@media screen and (max-width:1680px) and (min-width: 1501px) {

    
#banner { width: 100%; height: 603px; margin: 0px auto; position: relative; overflow: hidden; }
#banner #picUl li { position: absolute; top: 0; left: 0; }
#banner #picUl li img { width: 100%; height: 603px; }
#banner #tab { width: 100.6%; height: 100%; position: absolute; right: 0; }
#banner #tab li { width: 24.94%!important; height: 603px; float: left;  border-right:1px solid #bbbbbb; margin-top:0px; text-align: center; position: relative; }
#banner #tab li:last-child{border-right:none;}
#banner #tab li .tab_bt{width:100%; height:63px; float:left; margin-top:540px; background:rgba(53,146,57,.6); }

#banner #tab li .tab_bt h3{width:100%; height:63px; float:left; font-size:20px; color:#fff; text-align:center; line-height:63px; font-weight:bold; display:block; }


#banner #tab li:hover .tab_bt{width:100%; height:603px; float:left; margin-top:0px; background:rgba(53,146,57,.8); }


#certify3 .swiper-button-prev3{left:482px; top:90.4%;}
#certify3 .swiper-button-next3{ left:547px; top:90.4%;}

    }

@media screen and (max-width: 1500px) and (min-width: 1300px) {


    
.m_about{width:540px; height:auto!important; min-height:420px; float:left; background:rgba(0,0,0,0); margin:15% 0 0 14%;}


.m_about h3{width:100%; height:70px; float:left;  font-family: 'Alibaba-Bold'; font-size:70px; color:#fff; text-align:left; line-height:70px; font-weight:bold;  text-transform:uppercase;}


.m_about h4{width:100%; height:40px; float:left;  font-family: 'Alibaba-Medium'; font-size:32px; color:#fff; text-align:left; line-height:40px; font-weight:normal;}


.m_about h5{width:100%; height:196px; float:left; margin:20px 0 0 0; font-family: 'Alibaba-Regular'; font-size:16px; color:#fff; text-align:justify; line-height:28px; font-weight:normal; display:-webkit-box;   -webkit-line-clamp:7; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}


.m_about h6{width:160px; height:50px; float:left; margin:60px 0 20px 0;}

.m_about h6 a{width:160px; height:50px; float:left;   border:1px dashed #fff; font-family: 'Alibaba-Regular'; font-size:16px; color:#fff; text-align:center; line-height:50px; font-weight:normal;}



#banner { width: 100%; height: 542px; margin: 0px auto; position: relative; overflow: hidden; }
#banner #picUl li { position: absolute; top: 0; left: 0; }
#banner #picUl li img { width: 100%; height: 542px; }
#banner #tab { width: 100%; height: 100%; position: absolute; right: 0; }
#banner #tab li { width: 24.94%; height: 542px; float: left;  border-right:1px solid #bbbbbb; margin-top:0px; text-align: center; position: relative; }
#banner #tab li:last-child{border-right:none;}
#banner #tab li .tab_bt{width:100%; height:63px; float:left; margin-top:479px; background:rgba(53,146,57,.6); }

#banner #tab li .tab_bt h3{width:100%; height:63px; float:left; font-size:20px; color:#fff; text-align:center; line-height:63px; font-weight:bold; display:block; }


#banner #tab li:hover .tab_bt{width:100%; height:542px; float:left; margin-top:0px; background:rgba(53,146,57,.8); }



.m_advant ul li .advbg{ width:100% ;  height:249px;  float:left; background:url(../images/yhov1.png) no-repeat left top; background-size:100% 100%;     position:absolute; z-index:8; left:0; top:0; overflow:hidden; }

.m_advant ul li:hover .advbg{ background:url(../images/yhov2.png) no-repeat left top;background-size:100% 100%;  }

.m_advant ul li .advtxt {
    width: 210px;
    height: 320px;
    float: left;
    background: rgba(34,34,34,0);
    margin: -50px 0 30px 10px;
    position: relative;
    z-index: 15;
    overflow: hidden;
}

 
.m_anlbgc{ width: 100%; float: left; height:800px; padding:20px 0; background:url(../images/casebgc.jpg) no-repeat left top;  }

.anli_txt{width:40%; max-width:410px; float:left; margin:30px 20px 0px 30px; }

.anli_txt h3{width:100%; height:40px; float:left; font-size: 22px; color: #222; text-align: left; line-height: 40px; font-weight: normal;  overflow:hidden; }

.anli_txt h4{width:100%; height:90px; float:left; margin:10px 0; font-size: 14px; color: #222; text-align: left; line-height:30px; font-weight: normal;   display:-webkit-box;   -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }


.anli_txt ul{width:100%; height:auto; float:left; margin:30px 0 20px 0;}


.anli_txt ul li{width:100%; height:auto; float:left; margin:0px 0 10px 0;}

.anli_txt ul li img{width:50px!important; float:left; margin:0 10px 0 0; }

.anli_txt ul li .ltxt{width:330px; height:50px; float:left; border-bottom:1px solid #ddd; font-size: 16px; color: #222; text-align: left; line-height:50px; font-weight: normal;   }


#certify4 .swiper-button-prev4 { text-indent: -9999px; left: 340px;  top: 90%; bottom: auto;   position:absolute;  z-index:30;  width: 50px; height:50px; background:rgba(255, 106, 0,0) url(../images/cprev1.jpg) no-repeat; background-size:100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify4 .swiper-button-prev4:hover { background:rgba(255, 106, 0,1) url(../images/cprev2.jpg) no-repeat; }
#certify4 .swiper-button-next4 { text-indent: -9999px; left:420px; right:auto;  top:90%; bottom: auto;   position:absolute;  z-index:30;  width: 50px; height:50px; background:rgba(255, 106, 0,0) url(../images/cnext1.jpg) no-repeat;  background-size:100% 100%;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify4 .swiper-button-next4:hover { background:rgba(255, 106, 0,0) url(../images/cnext2.jpg) no-repeat; }

 

.anli_img{width:57%; max-width:880px; float:right; margin:20px; }

.anli_img img{width:100%;}


 
.m_xwen ul li .m_next{width:86%; height:170px; background:rgba(0,0,0,0); margin-left:3%; margin-top:2%; float:left;  font-family: 'Alibaba-Medium'; font-size:18px; color: #222; text-align:justify; line-height: 40px; font-weight: normal; }

 

.prod_txt{margin:30px 0 20px 20px;}


#certify3 .swiper-button-prev3 {left: 446px;
top: 86.8%;}


#certify3 .swiper-button-next3 {left: 509px;
top: 86.8%;}




.case_img { width: 62%; max-width: 930px; float: left; margin:0 10px 20px 0px; }




.s_xwen dl dd .s_next { width: 64%; max-width:660px; height: auto; margin-left: 3%; margin-top:10px; float: left; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: left; line-height: 40px; font-weight: normal; }


.s_xwen dl dd .s_times { width: 62px; float: right; margin: 6% 30px 0 0; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }


}


@media screen and (max-width:1500px) and (min-width:1282px) {




    
.s_xwen dl dd .s_next { width: 60%; max-width:660px; height: auto; margin-left: 3%; margin-top:10px; float: left; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: left; line-height: 40px; font-weight: normal; }




.s_xwen dl dd .s_times { width: 62px; float: right; margin: 6% 30px 0 0; font-family: 'Alibaba-Medium'; font-size: 18px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }



    }

